﻿<UserControl x:Class="LFMTest.Profile"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:cv="using:LFMTest.WinRT.Converters"
    Loaded="Page_Loaded" Unloaded="Page_Unloaded"
    mc:Ignorable="d"
    d:DesignWidth="1920" d:DesignHeight="1080">

    <!--Common resources for default dark theme applications-->
    <UserControl.Resources>
        <SolidColorBrush x:Key="PageBackgroundBrush" Color="#FF1A1A1A"/>
        <SolidColorBrush x:Key="PageForegroundBrush" Color="White"/>
        <SolidColorBrush x:Key="HighlightBrush" Color="#FF26A0DA"/>
        <cv:TrackThumbGenerator x:Key="thumber" />
        <DataTemplate x:Key="AlbumsTemp">
            <Grid Width="150" Height="150" Background="#0096FF" >
                <TextBlock Text="{Binding Album}" VerticalAlignment="Bottom" HorizontalAlignment="Left" Margin="5,0,0,5" />
            </Grid>
            <!--<Image HorizontalAlignment="Left" Height="150" VerticalAlignment="Top" Margin="12" Width="150" Stretch="UniformToFill" Source="{Binding Thumbnail}" />-->
        </DataTemplate>
    </UserControl.Resources>
    <Grid x:Name="Container" >
        <Grid.Background>
            <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                <GradientStop Color="Gainsboro" Offset="1"/>
                <GradientStop Color="#FFE4E4E4" Offset="0.022"/>
            </LinearGradientBrush>
        </Grid.Background>
        <ProgressRing x:Name="pRing" Height="171" Width="171"/>
        <Grid x:Name="LayoutRoot" >
            <!--<Grid.ChildrenTransitions>
                <TransitionCollection>
                    <EntranceThemeTransition />
                </TransitionCollection>
            </Grid.ChildrenTransitions>-->
            <VisualStateManager.VisualStateGroups>
                <VisualStateGroup x:Name="OrientationStates">
                    <VisualState x:Name="Full"/>
                    <VisualState x:Name="Fill"/>
                    <VisualState x:Name="Portrait"/>
                    <VisualState x:Name="Snapped"/>
                </VisualStateGroup>
            </VisualStateManager.VisualStateGroups>
            <StackPanel VerticalAlignment="Top" HorizontalAlignment="Left" Margin="130,75,0,0" Orientation="Horizontal">
                <TextBlock x:Name="tbk_summary" Text="summary" FontSize="27" FontWeight="Light" Foreground="#4D4D4D" Margin="0,0,24,0" Tapped="menu_Tapped" />
                <TextBlock x:Name="tbk_collection" Text="collection" FontSize="27" FontWeight="Light" Foreground="#4D4D4D" Margin="0,0,24,0" Opacity="0.5" Tapped="menu_Tapped"/>
                <TextBlock x:Name="tbk_webcontent" Text="web content" FontSize="27" FontWeight="Light" Foreground="#4D4D4D"  Margin="0,0,24,0" Opacity="0.5" Tapped="menu_Tapped"/>
                <TextBlock x:Name="tbk_similar" Text="similar" FontSize="27" FontWeight="Light" Foreground="#4D4D4D" Margin="0,0,24,0" Opacity="0.5" Tapped="menu_Tapped"/>
            </StackPanel>
            <TextBlock x:Name="tbk_ArtistName" VerticalAlignment="Top" HorizontalAlignment="Left" Text="Michael Buble" FontSize="50" FontWeight="Light" Foreground="#FF454545" Margin="130,173,0,0"  />
            <TextBlock x:Name="tbk_InCollection" VerticalAlignment="Top" HorizontalAlignment="Left" Text="IN COLLECTION" FontSize="12" FontWeight="SemiBold"  Foreground="#FF454545" Margin="133,225,0,0" Opacity="0.7" />
            <ScrollViewer x:Name="summaryScroll" HorizontalAlignment="Stretch" Margin="0,252,0,0" VerticalAlignment="Stretch" ZoomMode="Disabled" VerticalScrollMode="Disabled" HorizontalScrollMode="Enabled">
                <StackPanel Orientation="Horizontal" VerticalAlignment="Stretch">
                    <StackPanel Margin="130,-3,0,0" Width="195">
                        <Button Content="Play All" HorizontalAlignment="Stretch" Height="58" Background="#0096FF" BorderThickness="0" HorizontalContentAlignment="Left" />
                        <Button Content="Add To Queue" HorizontalAlignment="Stretch" Height="58" Background="#0096FF" BorderThickness="0" HorizontalContentAlignment="Left" />
                        <Button Content="Add As Favourite" HorizontalAlignment="Stretch" Height="58" Background="#0096FF" BorderThickness="0" HorizontalContentAlignment="Left" />
                        <Button Content="Find In Marketplace" HorizontalAlignment="Stretch" Height="58" Background="#919191" BorderThickness="0" HorizontalContentAlignment="Left" />
                    </StackPanel>
                    <StackPanel Margin="80,0,0,200">
                        <Image x:Name="Photo" Width="365" VerticalAlignment="Top" Stretch="UniformToFill">
                            <Image.Source>
                                <BitmapImage CreateOptions="BackgroundCreation" UriSource="{Binding ImageExtraLarge}" />
                            </Image.Source>
                        </Image>
                    </StackPanel>
                    <StackPanel Margin="80,0,0,0" VerticalAlignment="Stretch" Width="365">
                        <ScrollViewer x:Name="scrollBio" VerticalAlignment="Stretch" Width="365" ZoomMode="Disabled" HorizontalScrollMode="Disabled">
                            <StackPanel x:Name="BioPanel">
                                <TextBlock Text="Plays" Margin="0,-3,0,5" FontWeight="SemiBold" Foreground="#747474" FontSize="16" />
                                <TextBlock Text="{Binding Playcount}" Foreground="#747474" FontSize="16" />
                                <TextBlock Text="Listeners" Margin="0,30,0,5" FontWeight="SemiBold" Foreground="#747474" FontSize="16" />
                                <TextBlock Text="{Binding Listeners}" Foreground="#747474" FontSize="16" />
                                <TextBlock Text="Bio" Margin="0,30,0,0" FontWeight="SemiBold" Foreground="#747474" FontSize="16" />
                            </StackPanel>
                        </ScrollViewer>
                    </StackPanel>
                    <StackPanel Margin="80,0,0,0" VerticalAlignment="Stretch" Width="365">
                        <GridView x:Name="sum_album_gridview" ItemTemplate="{StaticResource AlbumsTemp}" />
                    </StackPanel>
                </StackPanel>
            </ScrollViewer>
        </Grid>
    </Grid>
</UserControl>